/*Access denied page*/
	.StoryAccess-master .storyPrimaryNav{
		display: none;
	}
	 .StoryAccess-master #wrapper_sleeve{
	 	margin-top: 60px;
	 }
	
	
.custom-full-width-container {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.custom-full-width-container .columnContainer {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}

.grid .custom-full-width-container .column > * {
	margin-bottom: 0;
}

.content-wrapper {
	margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
	.custom-full-width-container .columnContainer {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media screen and (min-width: 1024px) {
    body.SPIN2-master #wrapper_sleeve {
        margin-top: 0;
    }
}	 
	
.bg-gradient-black{background:linear-gradient(72.63deg,#151515 30.47%,#303030 67.61%)}.bg-grey-light{background:#2727270d}.font-large{font-size:2.375rem}
	 
        body {
            margin: 0
        }

        .grid .column>* {
            margin-bottom: 0;
        }

        .container .inner-sleeve {
            padding: 0;
        }

        .video-placeholder {
            position: relative;
            width: 900px;
            aspect-ratio: 16/9;
            overflow: hidden;
            background: #999;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 16px;
            margin-left: -15px
        }

        .video-placeholder:before,
        .video-placeholder:after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .video-placeholder:before {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            opacity: .8;
            background: #fff
        }

        .video-placeholder:after {
            width: 0;
            height: 0;
            border-left: 40px solid #999;
            border-top: 24px solid transparent;
            border-bottom: 24px solid transparent;
            border-right: 24px solid transparent;
            margin-left: 32px
        }
		  
		  video {
		  	width: 100%;
			max-width: 900px;
			height: auto;
		  }

        .padding-bottom-small {
            padding-block-end: 1rem
        }

        .padding-y-large {
            padding-block-start: 4rem;
            padding-block-end: 4rem
        }

        .margin-bottom-medium {
            margin-block-end: 2rem
        }

        .section-full-width {
            width: 100%
        }

        .bg-gradient-black {
            background: linear-gradient(72.63deg, #151515 30.47%, #303030 67.61%)
        }

        .bg-grey-light {
            background: #2727270d
        }

        .font-large {
            font-size: 2.375rem
        }

        .font-medium {
            font-size: 1.5rem
        }

        .font-regular {
            font-size: 1.125rem;
            line-height: 1.75rem
        }

        .text-white,
        .text-white:link {
            color: #fff
        }

        .text-grey-100 {
            color: #151515
        }

        .text-black {
            color: #000
        }

        .text-black-222 {
            color: #222
        }

        .text-grey-224 {
            color: #22222280
        }

        .text-grey-700 {
            color: #fff9
        }

        .text-centered {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .section-contained {
            max-width: 1200px;
            margin: 0 auto
        }

        .section-split {
            align-items: center;
            gap: 2rem;
            display: grid;
            grid-template-columns: 1fr 1fr
        }

        .flex {
            display: flex
        }

        .flex-column {
            flex-direction: column
        }

        .flex-justify-center {
            justify-content: center
        }

        .flex-align-end {
            align-items: flex-end
        }

        .flex-center-all {
            justify-content: center;
            align-items: center
        }

        .section-padding,
        .second-section-padding-new {
            padding-inline-start: 0;
            padding-inline-end: 0;
            padding-block-start: 4rem;
            padding-block-end: 4rem
        }
		  
		  .video-section.second-section-padding-new {
			  padding-block-start: 0;
			  padding-block-end: 0;
		 }

        .section-padding-new {
            padding-inline-start: 1.5rem;
            padding-inline-end: 1.5rem;
            padding-block-start: 3.9375rem;
            padding-block-end: 5rem
        }

        .hero-section {
            display: flex;
            flex-direction: row
        }

        .hero-section>div {
            flex: 1
        }

        .tutorial-section>div {
            flex: 1
        }

        .faq-section {
            padding-block-start: 3.125rem;
            padding-block-end: 4.375rem
        }

        .faq-section .faq-intro {
            padding-block-end: 3.625rem;
            align-items: flex-start;
        }

        .faq-section .faq-intro .section-title,
        .faq-section .faq-intro p {
            margin-top: 0
        }
        .faq-section .faq-intro p {
            padding-top: 10px;
        }

        .faq-section .faq-intro .section-title,
        .faq-section .faq-intro h2 {
            line-height: 1.2;
            margin-bottom: 0
        }

        .section-contents--video {
            width: 100%
        }

        .section-contents--copy {
            margin-bottom: 1rem
        }

        .section-title {
            font-size: 2.375rem;
            margin-bottom: 1rem
        }

        .section-title-new {
            font-family: "ff-unit-slab-web", sans-serif;
            font-size: 48px/*2.375rem*/;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -.0475rem;
            margin-top: 0;
            margin-bottom: .4375rem
        }

        .section-subtitle {
            font-size: 1.5rem;
            margin-bottom: 1rem
        }

        .section-subtitle-new {
            font-family: "ff-meta-serif-web-pro", sans-serif;
            font-style: normal;
            font-weight: 450;
            line-height: 2.25rem;
            margin-top: 0;
            margin-bottom: 2.1875rem
        }

        .section-intro {
            font-size: 1rem
        }

        .section-intro-new {
            max-width: 574px;
            font-family: "ff-meta-serif-web-pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 450;
            line-height: 1.875rem;
            margin: 0 0 24px 0;
        }

        .section-intro-last-new {
            margin-bottom: 0
        }

        .section-contents--ctas {
            display: flex
        }

        .section-contents--copy {
            margin-bottom: 0
        }

        .cta {
            display: inline-block;
            margin-right: 1rem;
            text-decoration: none;
            border-radius: 9999px;
            font-size: 1.125rem
        }

        .cta-new {
            font-family: "ff-unit-slab-web", sans-serif;
            font-weight: 700;
            width: 11rem;
            /* height: 3.125rem; */
            color: #151515 !important;
            padding: 10px 32px 16px
        }

        .cta--primary {
            background: #c5003e;
            color: #fff
        }

        .cta--skeleton {
            background-color: transparent;
            border-radius: 100px;
            border: 1px solid rgba(68, 68, 68, .5)
        }

        .cta--skeleton-new {
            font-size: 1.125rem;
            margin-right: 0;
            padding: 12px 0;
        }
		  
		.cta--ask-a-question {
            background: linear-gradient(274deg, #FFE200 13.31%, #FB9A06 66.34%);
            border: 1px solid #FB9A06;
			margin-right: 24px;
		}
		  
		.cta--skeleton-new:hover, .cta--ask-a-question:hover {
            background: #000; border: 1px solid #000; color: #fff !important;
		}

        .section-image {
            max-width: 100%;
            height: auto;
            border-radius: 5px
        }

        .tutorial-left {
            position: relative;
            height: 100%
        }
        @media (min-width: 769px) and (max-width: 2600px) {
            .section-split-third-margin-bottom {
                gap: 48px;
            }
            .tutorial-left {
                min-height: 570px
            }
            .section-split-right.tutorial-right {
                height: 100%;
                justify-content: flex-start;
            }
        }        


        .tutorial-right {
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .tutorial-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity .3s ease-in-out;
            border-radius: 16px
        }

        .tutorial-image.active {
            opacity: 1
        }

        .tutorial-list {
            width: 100%;
            padding: 0;
            margin: 0
        }

        .list-custom-counter {
            counter-reset: item;
            list-style: none;
            padding: 0
        }

        .list-custom-counter li {
            counter-increment: item;
            position: relative
        }

        .list-custom-counter li:before {
            content: "No. " counter(item);
            position: absolute;
            left: 0;
            font-weight: 700;
            font-family: "ff-unit-slab-web", sans-serif;
            font-size: 18px;
            text-align: left;
            top: 26px
        }

        .tutorial-item {
            position: relative;
            padding-inline-start: 4rem;
            padding-inline-end: 0;
            padding-block-start: 1.5rem;
            padding-block-end: 1.5rem;
            color: #22222280;
            border-bottom: 1px solid lightgrey;
            display: flex;
            align-items: center;
            margin-bottom: 0;
            /* justify-content: flex-end; */
            cursor: pointer;
            transition: color .3s ease-in-out
        }

        .tutorial-item .item-text {
            font-size: 20px;
            text-align: left
        }

        .tutorial-item.active,
        .tutorial-item.completed {
            color: #000
        }

        .section-split-third-margin-bottom {
            margin-bottom: 18px
        }

        .tutorial-item:after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000;
            transform: scaleX(0);
            transform-origin: left center
        }

        .tutorial-item.active:after {
            animation-name: progress;
            animation-duration: 4s;
            animation-timing-function: linear;
            animation-fill-mode: forwards
        }

        .tutorial-item.active:hover:after {
            animation-play-state: paused
        }

        .tutorial-item.completed:after {
            transform: scaleX(1)
        }

        @keyframes progress {
            0% {
                transform: scaleX(0)
            }

            to {
                transform: scaleX(1)
            }
        }

        .accordion {
            list-style-type: none;
            padding: 0;
            margin-block-start: 0
        }

        .accordion-item {
            border-bottom: 1px solid lightgrey
        }

        .accordion-item p {
            padding-right: 40px;
        }

        .accordion-item:first-of-type {
            border-top: 1px solid lightgrey
        }

        .accordion-item-content {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows .2s ease-in-out;
            max-width: 981px;
        }

        .accordion-item-content-wrapper {
            overflow: hidden
        }

        .accordion-item-content-wrapper>div :first-child {
            margin-top: 0
        }

        .accordion-item-button {
            position: relative;
            border: none;
            font-size: 1.5rem;
            font-family: ff-meta-serif-web-pro, Georgia, Times, serif;
            width: 100%;
            padding: 1.6875rem 0rem 1.6875rem 0;
            text-align: left;
            text-transform: initial;
            background: transparent;
            cursor: pointer;
            color: #15151580
        }

        .accordion-item-button:hover {
            color: #151515;
            background: transparent
        }

        .accordion-item-button:focus {
            outline-style: none;
            color: #151515;
            background: transparent
        }

        .accordion-item-button:before,
        .accordion-item-button:after {
            position: absolute;
            z-index: 100;
            font-size: 2rem;
            line-height: 2rem;
            font-family: Unit Slab Pro, sans-serif;
            font-weight: 400;
            right: 1rem;
            transition: transform .2s ease
        }

        .accordion-item-button:before {
            content: "+";
            transform: scaleY(1)
        }

        .accordion-item-button:after {
            content: "\2212";
            transform: scaleY(0)
        }

        .accordion-item.open .accordion-item-button {
            color: #151515
        }

        .accordion-item.open .accordion-item-content {
            grid-template-rows: 1fr
        }

        .accordion-item.open .accordion-item-button:before {
            transform: scaleY(0)
        }

        .accordion-item.open .accordion-item-button:after {
            transform: scaleY(1)
        }

        .flex-align-items-baseline {
            align-items: baseline
        }

        .section-intro-message {
            font-family: "ff-meta-serif-web-pro";
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.875rem;
            margin-top: 0;
            margin-bottom: 2.5rem
        }

        .flex-order-mobile {
            order: unset
        }

        .faq-section-title {
            font-family: ff-unit-slab-web;
            font-size: 38px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.76px;
        }

        .faq-item-line-break {
            display: none;
        }

        .accordion-item-button-margin-bottom {
            margin-bottom: 0px;
        }

        @media (max-width: 768px) {

            .masthead .mast {
                padding-left: 10px;
                padding-right: 10px;
            }

            .section-contents--ctas {
                margin-top: 35px;
            }

            .section-padding {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 3.9375rem
            }

            .section-padding-new {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 20px;
                padding-block-end: 28px;
            }

            .second-section-padding-new {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 1.5rem;
                padding-block-end: 1.5rem
            }
				
				
				  .video-section.second-section-padding-new {
                padding-block-start: 1.5rem;
                padding-block-end: 1.5rem
				 }				

            .third-section-padding-mobile {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 3rem
            }
				
				

            .small-text-left {
                text-align: left
            }

            .tutorial-section {
                grid-template-columns: 1fr
            }

            .tutorial-titles {
                margin-block-end: 3rem
            }

            .tutorial-item {
                padding-block-start: 1.0625rem;
                padding-block-end: 1.0625rem;
                padding-inline-start: 4.5rem;
                padding-inline-end: .625rem;
                margin-bottom: 0;
                justify-content: stretch;
                text-align: left
            }

            .tutorial-item .item-text {
                font-size: 1.25rem;
                line-height: 26px;
                letter-spacing: -.4px
            }

            .list-custom-counter li:before {
                top: 21px
            }

            .tutorial-images {
                height: 300px;
                position: sticky;
                top: 82px;
                margin-block-end: 1rem;
                z-index: 1;
            }

            .section-split {
                gap: 0
            }

            .tutorial-section .section-split,
            .hero-section.section-split,
            .faq-section .section-split,
            .section-split {
                grid-template-columns: 1fr
            }

            .hero-section {
                flex-direction: column-reverse
            }

            .faq-section .section-split-right {
                align-items: flex-start
            }

            .faq-section .section-split-right h2 {
                font-size: 1.875rem
            }

            .faq-section .section-split-right p {
                text-align: left;
                width: 100%
            }

            .faq-section .section-split-left {
                margin-bottom: 12px
            }

            .faq-section .section-split-left h2 {
                font-size: 1.875rem
            }

            .faq-section .accordion-item-button {
                padding-block-start: 18px;
                padding-block-end: 18px;
                font-size: 1.25rem;
                padding-right: 24px;
            }

            .faq-section .accordion-item-button #text {
                width: 304px
            }

            .faq-section .font-regular {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .padding-bottom-small {
                padding-block-end: 0
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-title-new {
                font-size: 36px;
                font-weight: 450;
                line-height: 38px;
                text-align: left;
                margin-bottom: 9px;
            }

            .section-subtitle-new {
                font-size: 24px;
                font-weight: 450;
                line-height: 32px;
                text-align: left;
                margin-bottom: 2.25rem
            }

            .section-intro-new {
                font-size: 18px;
                font-weight: 450;
                line-height: 27px
            }

            .section-intro-message {
                font-size: 1.125rem;
                font-style: normal;
                line-height: 26px;
                margin-bottom: 0;
                margin-top: 0
            }

            .section-intro-last-new {
                margin-bottom: 0
            }

            .flex-order-mobile {
                order: 1
            }

            .video-placeholder {
                margin-left: 0
            }

            .faq-item-line-break {
                display: block;
            }

            .faq-section-title {
                color: #000;
                font-family: ff-unit-slab-web;
                font-size: 30px;
                font-weight: 700;
                line-height: 36px;
                letter-spacing: -0.3px;
            }
        }

        a {
            color: #005689
        }


        @media (min-width: 769px) and (max-width: 1024px) {
            .section-padding {
                padding-inline-start: 4rem;
                padding-inline-end: 4rem;
                padding-block-start: 4rem;
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 4rem
            }

            .margin-bottom-medium {
                margin-block-end: 1rem
            }

            .tutorial-section .section-split,
            .hero-section.section-split,
            .faq-section .section-split,
            .section-split {
                grid-template-columns: 1fr
            }

            .hero-section {
                flex-direction: column-reverse
            }

            .tutorial-titles {
                margin-block-end: 2rem
            }

            .tutorial-item {
                padding-block-start: 1.5rem;
                padding-block-end: 1.5rem;
                padding-inline-start: 4.5rem
            }

            .tutorial-images {
                height: 400px;
                margin-bottom: 1rem
            }

            .section-split {
                gap: 0
            }

            .faq-section .section-split-right {
                align-items: flex-start
            }

            .faq-section .section-split-right p {
                text-align: left
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-intro-last-new {
                margin-bottom: 1.875rem
            }

            .flex-order-mobile {
                order: 1
            }

            .video-placeholder {
                margin-left: 0
            }
        }

        @media (min-width: 1025px) and (max-width: 1220px) {
            .section-title {
                line-height: initial
            }

            .section-padding {
                padding-inline-start: 1.5rem;
                padding-inline-end: 1.5rem;
                padding-block-start: 2.625rem;
                padding-block-end: 4rem
            }

            .hero-section .section-contents--copy {
                width: 100%
            }

            .section-intro-new {
                max-width: 100%
            }

            .section-intro-last-new {
                margin-bottom: 1.875rem
            }

            .flex-order-mobile {
                order: unset
            }

            .video-placeholder {
                margin-left: 0
            }
        }